import {createRouter, createWebHistory} from 'vue-router'
import Home from "@/views/Home.vue";
import Layout from "@/components/layout/index.vue"
import About from "@/views/About.vue";
import Setting from "@/views/Setting.vue";

const router = createRouter({
    history: createWebHistory(import.meta.env.BASE_URL), routes: [{
        path: '/', name: 'Layout', component: Layout, children: [{
            path: '/', component: Home
        }, {
            path: '/about', component: About
        }, {
            path: '/setting', component: Setting
        },]
    }, // {
        //   path: '/about',
        //   name: 'about',
        //   // route level code-splitting
        //   // this generates a separate chunk (About.[hash].js) for this route
        //   // which is lazy-loaded when the route is visited.
        //   component: () => import('../views/AboutView.vue')
        // }
    ]
})
export default router
